<div class="padding-md">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default widget-toggle-hidden-option" data-toggle="hydra-collapse" data-target="#search-div" data-form="#search-form"><i class="fa fa-search-plus"></i>搜索</button>
            </div>
            <div class="am-btn-group am-btn-group-xs">
                <button id="exportOrder" type="button" class="am-btn am-btn-success widget-toggle-hidden-option"><i class="fa fa-download"></i>导出订单</button>
                <button id="exportVehicle" type="button" class="am-btn am-btn-success widget-toggle-hidden-option"><i class="fa fa-download"></i>导出用车</button>
            </div>
            <span class="smart-widget-option">
                <a href="#" class="widget-refresh-option">
                    <i class="fa fa-refresh"></i>
                </a>
            </span>
        </div>
        <div class="smart-widget-inner">
        	<!--搜索 S-->
            <div class="smart-widget-hidden-section" id="search-div" style="display: block;">
                <form class="no-margin form-inline" id="search-form">
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                        	<span class="input-group-addon">用车起始日期</span>
                            <input type="text" name="startDate" id="startDate" class="form-control" placeholder="开始日期" readonly="readonly">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                        	<span class="input-group-addon">用车结束日期</span>
                            <input type="text" name="endDate" id="endDate" class="form-control" placeholder="结束日期" readonly="readonly">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">订单类型</span>
                            <select class="form-control" name="grade">
                                <option value=" ">请选择</option>
                                <option value="2">企业订单</option>
                                <option value="1">个人订单</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">运输企业</span>
                            <select class="form-control" name="grade">
                                <option value=" ">请选择</option>
                                <option value="2">企业订单</option>
                                <option value="1">个人订单</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">企业客户名称</span>
                            <select class="form-control" name="grade">
                                <option value=" ">请选择</option>
                                <option value="2">企业订单</option>
                                <option value="1">个人订单</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
	                    <div class="input-group col-lg-12">
	                    	<span class="input-group-addon">联系人</span>
	                        <input type="text" name="grade" class="form-control">
	                    </div>
	                </div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">客户经理</span>
                            <select class="form-control" name="grade">
                                <option value=" ">请选择</option>
                                <option value="2">企业订单</option>
                                <option value="1">个人订单</option>
                            </select>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-sm btn-success">查询</button>
                </form>
            </div>
            <!--搜索 E-->
            <div class="smart-widget-body">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th style="text-align:center">类型</th>
                        <th style="text-align:center">订单数</th>
                        <th style="text-align:center">订车台数</th>
                        <th style="text-align:center">总额</th> 
                        <th style="text-align:center">月结金额</th> 
                        <th style="text-align:center">现结金额</th> 
                        <th style="text-align:center;width:220px">Action</th> 
                    </tr> 
                    </thead>
                    <tbody id="list-body" style="display: none;">
                    <tr>
                        <td html-num></td>
                        <td html-studentName></td> 
                        <td html-parentPhone></td> 
                        <td html-parentPhone></td>
                        <td html-classes></td>
                        <td html-classes></td>
                        <!--<td html-studentName></td>
                        <td html-parentPhone></td>
                        <td html-classes></td>-->
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="details"  ><span class="fa fa-cogs"></span> 查看详情</button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="reply_btn"  ><span class="fa fa-reply"></span> 导出详情</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="am-cf" id="page-body"></div>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div>
</div>

<script type="text/html" id="orderdetail">
	
    <div class="smart-widget-hidden-section" id="stdit-div" style="margin: 15px 35px 0 35px;">
    	 <div class="am-btn-group am-btn-group-xs">
    	 	<button  type="button" class="btn am-btn-success" id="exportOrderdetail" style="margin-bottom: 20px;"><i class="fa fa-download"></i>导出统计</button>
	    </div>
        <form class="editform" id="stdit-form" style="margin: 0;overflow-x: auto;">
            <div class="smart-widget-body" id="tableBox" style="width: 3500px;">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th style="text-align:center">#</th>
                        <th style="text-align:center">订单编号</th>
                        <th style="text-align:center">订单状态</th>
                        <th style="text-align:center">路程</th>
                        <th style="text-align:center">去程时间</th>
                        <th style="text-align:center">返程时间</th>
                        <th style="text-align:center">订单总额</th>
                        <th style="text-align:center">车租</th>
                        <th style="text-align:center">餐饮费支付方式</th>
                        <th style="text-align:center">餐饮费</th>
                        <th style="text-align:center">住宿费支付方式</th>
                        <th style="text-align:center">住宿费</th>
                        <th style="text-align:center">路桥费支付方式</th>
                        <th style="text-align:center">路桥费</th>
                        <th style="text-align:center">司机司补/提成支付方式</th>
                        <th style="text-align:center">司机司补/提成</th>
                        <th style="text-align:center">油费支付方式</th>
                        <th style="text-align:center">油费</th>
                        <th style="text-align:center">退款状态</th>
                        <th style="text-align:center">退款金额</th>
                        <th style="text-align:center">起点</th>
                        <th style="text-align:center">终点</th>
                        <th style="text-align:center">乘车人数</th>
                        <th style="text-align:center">用车台数</th>
                        <th style="text-align:center">车龄</th>
                        <th style="text-align:center">订单类型</th>
                        <th style="text-align:center">客户名称</th>
                        <th style="text-align:center">联系人</th>
                        <th style="text-align:center">联系电话</th>
                        <th style="text-align:center">其他说明</th>
                        <th style="text-align:center">客户经理</th>
                        <th style="text-align:center">客户经理电话</th>
                        <th style="text-align:center">客户经理备注</th>
                    </tr>
                    </thead>
                    <tbody id="list1-body" style="display: none;">
	                    <tr>
	                        <td html-num>1</td>
	                        <td html-studentName></td> 
	                        <td html-parentPhone></td> 
	                        <td html-classes></td>
	                        <td html-classes></td>
	                        <td html-sequence></td>
	                        <td html-stationCode></td>
	                        <td html-stationName></td>
	                        <td html-stationAddress></td>
	                        <td html-arriveTime></td>
	                        <td html-sequence></td>
	                        <td html-stationCode></td>
	                        <td html-stationName></td>
	                        <td html-stationAddress></td>
	                        <td html-arriveTime></td>
	                        <td html-sequence></td>
	                        <td html-stationCode></td>
	                        <td html-stationName></td>
	                        <td html-stationAddress></td>
	                        <td html-arriveTime></td>
	                        <td html-sequence></td>
	                        <td html-stationCode></td>
	                        <td html-stationName></td>
	                        <td html-stationAddress></td>
	                        <td html-arriveTime></td>
	                        <td html-sequence></td>
	                        <td html-stationCode></td>
	                        <td html-stationName></td>
	                        <td html-stationAddress></td>
	                        <td html-arriveTime></td>
	                        <td html-sequence></td>
	                        <td html-stationCode></td>
	                        <td html-stationName></td>
	                    </tr>
                    </tbody>
                </table>
            </div>
        </form>
        <div class="am-cf" id="page1-body" style="margin-top: 20px;"></div>
    </div>
</script>

<style type="text/css">
	.form-control[readonly]{
		background: white;
	}
	.module-detail-slide { -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; -webkit-transform: translateX(1000px) translateY(0px); -moz-transform: translateX(1000px) translateY(0px); -ms-transform: translateX(1000px) translateY(0px); -o-transform: translateX(1000px) translateY(0px); transform: translateX(1000px) translateY(0px); position: fixed; top: 50px; bottom: 0; right: 0; z-index: 1000; background: #f8f8f8; border-left: 1px solid #ddd; width: 1000px; -webkit-box-shadow: -3px 0 4px rgba(0,0,0,0.1); -o-box-shadow: -3px 0 4px rgba(0,0,0,0.1); box-shadow: -3px 0 4px rgba(0,0,0,0.1); }
</style>